﻿<Page x:Class="GYMm.UI.Views.StartView"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:local="using:GYMm.UI.Views"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      Loaded="Page_Loaded"
      mc:Ignorable="d">
    <Page.Background>
        <ImageBrush ImageSource="ms-appx:///Assets/blue-gradient-wallpaper.jpg" Stretch="Fill" />
    </Page.Background>

    <Page.Resources>
        <Storyboard x:Name="RotateStoryboard" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:1:0" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Name="FillStoryboard" AutoReverse="True" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames EnableDependentAnimation="True" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)" Storyboard.TargetName="ellipse1">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame x:Name="K1" KeyTime="0:0:20" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames EnableDependentAnimation="True" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Offset)" Storyboard.TargetName="ellipse1">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame x:Name="K2" KeyTime="0:0:20" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Page.Resources>
    <Grid>

        <StackPanel>
            <TextBlock Text="{Binding Message}" TextWrapping="Wrap" />

            <Button HorizontalAlignment="Stretch"
		        Click="Button_Click"
		        Content="dashboard" />
        </StackPanel>

        <Grid>
            <Grid x:Name="grid" HorizontalAlignment="Left" Height="200" Margin="178,106,0,0" VerticalAlignment="Top" Width="200" RenderTransformOrigin="0.5,0.5" Visibility="Collapsed">
                <Grid.RenderTransform>
                    <CompositeTransform/>
                </Grid.RenderTransform>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Ellipse x:Name="ellipse" Margin="0" Stroke="White" StrokeThickness="3" Grid.RowSpan="2" Fill="#3FFFFFFF"/>
                <Rectangle HorizontalAlignment="Center" Margin="0" StrokeThickness="0" Width="2" Fill="Red"/>
            </Grid>

            <Ellipse x:Name="ellipse1" Stroke="Red" StrokeThickness="1" HorizontalAlignment="Left" Height="173" Margin="51,418,0,0" VerticalAlignment="Top" Width="174" Visibility="Collapsed">
                <Ellipse.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="Transparent" Offset="0"/>
                        <GradientStop Color="Transparent" Offset="0.9"/>
                        <GradientStop Color="Red" Offset="0.9"/>
                        <GradientStop Color="Red" Offset="1"/>
                    </LinearGradientBrush>
                </Ellipse.Fill>
            </Ellipse>
        </Grid>
    </Grid>
</Page>
